{% load static %}
<html>
<head>

	<meta charset="utf-8">
	<title>后台管理界面</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta http-equiv="Access-Control-Allow-Origin" content="*">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="format-detection" content="telephone=no">
	<link rel="icon" href="/static/images/favicon.ico">
	<link rel="stylesheet" href="/static/layui/layui/css/layui.css" media="all" />
	<link rel="stylesheet" href="/static/layui/css/font_eolqem241z66flxr.css" media="all" />
	<link rel="stylesheet" href="/static/layui/css/main.css" media="all" />
</head>
<body class="main_body">
	<div class="layui-layout layui-layout-admin">
		<!-- 顶部 -->
		<div class="layui-header header">
			<div class="layui-main">
				<a href="#" class="logo">奇点后台管理</a>
				<!-- 搜索 -->
				<div class="layui-form component">
			        <select name="modules" lay-verify="required" lay-search="">
						<option value="">直接选择或搜索选择</option>
						<option value="19">switch</option>
						<option value="20">radio</option>
			        </select>
			        <i class="layui-icon">&#xe615;</i>
			    </div>
			    <!-- 天气信息 -->
			    <div class="weather" pc>
			    	<div id="tp-weather-widget"></div>
                        <script>(function(T,h,i,n,k,P,a,g,e){g=function(){P=h.createElement(i);a=h.getElementsByTagName(i)[0];P.src=k;P.charset="utf-8";P.async=1;a.parentNode.insertBefore(P,a)};T["ThinkPageWeatherWidgetObject"]=n;T[n]||(T[n]=function(){(T[n].q=T[n].q||[]).push(arguments)});T[n].l=+new Date();if(T.attachEvent){T.attachEvent("onload",g)}else{T.addEventListener("load",g,false)}}(window,document,"script","tpwidget","//widget.seniverse.com/widget/chameleon.js"))</script>
                        <script>tpwidget("init", {
                            "flavor": "slim",
                            "location": "WXRVB9QYXKY8",
                            "geolocation": "enabled",
                            "language": "zh-chs",
                            "unit": "c",
                            "theme": "chameleon",
                            "container": "tp-weather-widget",
                            "bubble": "enabled",
                            "alarmType": "badge",
                            "uid": "UB2AD0F68A",
                            "hash": "cd13e7e4fee86b336f132028f69bc67f"
                        });
                        tpwidget("show");</script>
					<script>
                     tpwidget("init", {
					    "flavor": "slim",
					    "location": "WXRVB9QYXKY8",/*WXRVB9QYXKY8*//*WX4FBXXFKE4F*/
					    "geolocation": "disabled",
					    "language": "zh-chs",
					    "unit": "c",
					    "theme": "chameleon",
					    "container": "tp-weather-widget",
					    "bubble": "disabled",
					    "alarmType": "badge",
					    "color": "#FFFFFF",
					    "uid": "U9EC08A15F",
					    "hash": "14dff75e7253d3a8b9727522759f3455"
					});
					tpwidget("show");</script>
			    </div>

			    <!-- 顶部右侧菜单 -->
			    <ul class="layui-nav top_menu">
{#                    <li class="layui-nav-item">#}
{#                        <a href="javascript:;">系统切换</a>#}
{#                        <dl class="layui-nav-child">#}
{#                          <dd><a href="/zfq/">前端系统</a></dd>#}
{#                          <dd><a href="">后台模版</a></dd>#}
{#                          <dd class="layui-this"><a href="">选中项</a></dd>#}
{#                          <dd><a href="">电商平台</a></dd>#}
{#                        </dl>#}
{#                    </li>#}
                    <li class="layui-nav-item showNotice">
						<a href="/zfq/"><i class="iconfont icon-gonggao"></i><cite>前端系统</cite></a>
					</li>
{#			    	<li class="layui-nav-item showNotice" id="showNotice" pc>#}
{#						<a href="javascript:;"><i class="iconfont icon-gonggao"></i><cite>系统公告</cite></a>#}
{#					</li>#}
			    	<li class="layui-nav-item" mobile>
			    		<a href="javascript:;" data-url="/static/layui/page/user/changePwd.html"><i class="iconfont icon-shezhi1" data-icon="icon-shezhi1"></i><cite>设置</cite></a>
			    	</li>
			    	<li class="layui-nav-item" mobile>
			    		<a href="javascript:;"><i class="iconfont icon-loginout"></i> 退出</a>
			    	</li>
					<li class="layui-nav-item lockcms" pc>
						<a href="javascript:;"><i class="iconfont icon-lock1"></i><cite>锁屏</cite></a>
					</li>
					<li class="layui-nav-item" pc>
						<a href="javascript:;">
							<img src="/static/layui/images/face.jpg" class="layui-circle" width="35" height="35">
							<cite>杨帅</cite>
						</a>
						<dl class="layui-nav-child">
							<dd><a href="javascript:;" data-url="/static/page/user/userInfo.html"><i class="iconfont icon-zhanghu" data-icon="icon-zhanghu"></i><cite>个人资料</cite></a></dd>
							<dd><a href="javascript:;" data-url="/static/page/user/changePwd.html"><i class="iconfont icon-shezhi1" data-icon="icon-shezhi1"></i><cite>修改密码</cite></a></dd>
							<dd><a href="/index"><i class="iconfont icon-loginout"></i><cite>退出</cite></a></dd>
						</dl>
					</li>
				</ul>
			</div>
		</div>

		<!-- 左侧导航 -->
		<div class="layui-side layui-bg-black">
			<div class="user-photo">
				<a class="img" title="我的头像" ><img src="/static/layui/images/face.jpg"></a>
				<p>你好！<span class="userName">杨帅</span>, 欢迎登录</p>
			</div>
            <div class="navBar layui-side-scroll"></div>
{#			<div class="navBar layui-side-scroll thisIntoLeft">#}
{#                {% include 'AdminLeft.html' %}#}
{#            </div>#}
		</div>
		<!-- 右侧内容 -->
		<div class="layui-body layui-form">
			<div class="layui-tab marg0" lay-filter="bodyTab">
				<ul class="layui-tab-title top_tab">
					<li class="layui-this" lay-id=""><i class="iconfont icon-computer"></i> <cite>后台首页</cite></li>
				</ul>
				<div class="layui-tab-content clildFrame">
					<div class="layui-tab-item layui-show">
						<iframe src="/static/page/main.html"></iframe>
					</div>
				</div>
			</div>
		</div>

		<!-- 底部 -->
		<div class="layui-footer footer">
            <p><a style="color: orangered">奇点</a>&nbsp&nbsp&nbsp|&nbsp&nbsp&nbsp2018奇点团队制作</p>
		</div>
	</div>
{#<a onclick="donation()" href="http://www.layui.com/" class="layui-btn layui-btn-danger l·ayui-btn-small"></a>#}
	<!-- 锁屏 -->
	<div class="admin-header-lock" id="lock-box" style="display: none;">
		<div class="admin-header-lock-img"><img src="/static/layui/images/face.jpg"/></div>
		<div class="admin-header-lock-name" id="lockUserName">杨帅</div>
		<div class="input_btn">
			<input type="password" class="admin-header-lock-input layui-input" placeholder="请输入密码解锁.." name="lockPwd" id="lockPwd" />
			<button class="layui-btn" id="unlock">解锁</button>
		</div>

	</div>
	<!-- 移动导航 -->
	<div class="site-tree-mobile layui-hide"><i class="layui-icon">&#xe602;</i></div>
	<div class="site-mobile-shade"></div>

    <script type="text/javascript" src="/static/js/jquery-1.8.3.min.js"></script>
	<script type="text/javascript" src="/static/layui/layui/layui.js"></script>
	<script type="text/javascript" src="/static/layui/js/nav.js"></script>
	<script type="text/javascript" src="/static/layui/js/leftNav.js"></script>
	<script type="text/javascript" src="/static/layui/js/index.js"></script>
<script>
layui.use('element', function(){
  var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块

  //监听导航点击
  element.on('nav(demo)', function(elem){
    //console.log(elem)
    layer.msg(elem.text());
  });
});
</script>
</body>
</html>